<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="Bootstrap/js/jquery-1.11.1.min.js"></script>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <style>
        *{margin: 0px;padding: 0px}
         header{background-color: #20a1a1;height: 40px;width: 100%;color: white;line-height: 40px;text-align: center}
        .back0{margin-left: 10px;float: left ;font-weight: bold;font-size: 13px   }
        .business_title_name{display: inline-block}
        .list ul{background-color:	#F0F0F0}
        .list li{width: 100%;height: 100px;border: 0px solid gainsboro;background-color: white;margin-bottom: 3px;border-radius: 5px}
        .list img{width: 90px;height: 90px;margin: 5px 0 5px 5px;border-radius: 10px}
        .business_name{display: inline-block;position: absolute;margin-top: 8px;margin-left: 8px;font-size: 16px;font-family: 微软雅黑}
        .business_address{font-size: 12px;color: gray;margin: 80px 8px;position: absolute}
        .business_tel{font-size: 12px;color: gray;margin: 60px 8px;position: absolute}
        .business_good{position: absolute;margin: 40px 8px;font-size: 12px;color: red}
        a .business_name{color: black}
        a .business_describe{color: grey}
        a:link{text-decoration: none}
    </style>
</head>
<body>
<script>
    $(function () {
        //列表显示
        var domainId = location.href.split("?")[1];
        var title = location.href.split("?")[2];
        $("#bTitle").text(decodeURI(title));
        $.ajax({
            url:"http://obao.tunnel.2bdata.com/business_business.htm?id="+domainId,
            type:"post",
            success:function (data) {
                for(var i = 0 ; i < data.length; ++i) {
                    var img = "http://obao.tunnel.2bdata.com/upload/business/"+data[i].photo;
                    var str = "<a href='merchantMai.html?"+data[i].businessId+"'><li>";
                    str += "<img src="+img+">";
                    str += "<span class='business_name'>"+data[i].name+"</span>";
                    str += " <span class='business_address'>"+data[i].address+"</span>";
                    str += "<span class='business_tel'>电话："+data[i].phone+"</span>";
                    str += "<span class='business_good'><span style='color: black'>好评</span>:★★★★☆</span></li></a>";
                    $("#blist").append(str);
                }
            }
        })
    })
</script>
<header>
    <span class="back0" onclick="history.go(-1)"><</span>
    <span class="business_title_name" id="bTitle" style="font-size: 15px;font-weight: bold"></span>
</header>
<div class="list">
    <ul id="blist">
        <!--商家开始-->
        <!--<li>-->
            <!--<a href="merchantMai.html">-->
                <!--<img src="img/sp1.jpg">-->
                <!--<span class="business_name">土耳其烤肉饭</span>-->
                <!--<span class="business_address">地址：商业街38号</span>-->
                <!--<span class="business_tel">电话：029-287728197</span>-->
                <!--&lt;!&ndash;<span class="business_describe">店家简介:欢迎光临本店，本店新开张，诚信经营，只赚信誉不赚钱.</span>&ndash;&gt;-->
                <!--<span class="business_good"><span style="color: black">好评</span>:★★★★☆</span>-->
            <!--</a>-->
        <!--</li>-->
        <!--商家结束-->
    </ul>
</div>
</body>
</html>